<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>请到下一步</title>
    <link rel="stylesheet" href="./css/style.css" />
  </head>
  <body>
    <div class="container">
      <form id="allform">
        <!-- 步骤条 -->
        <ul id="progressbar">
          <li class="active">个人信息</li>
          <li>描述</li>
          <li>账户设置</li>
        </ul>
        <!-- 第一个表单域 -->
        <fieldset id="form1">
          <h2 class="form-title">个人信息</h2>
          <input type="text" name="name" placeholder="姓名" />
          <input type="text" name="gender" placeholder="性别" />
          <input
            type="button"
            name="next"
            class="next action-button"
            id="next-1"
            value="下一页"
          />
        </fieldset>
        <!--第二个表单域-->
        <fieldset id="form2">
          <h2 class="form-title">联系方式</h2>
          <input type="text" name="tel" placeholder="电话" />
          <input type="text" name="email" placeholder="邮箱" />
          <input
            type="button"
            name="previous"
            class="previous action-button-previous"
            id="back-1"
            value="返回"
          />
          <input
            type="button"
            name="next"
            class="next action-button"
            id="next-2"
            value="下一页"
          />
        </fieldset>
        <!--第三个表单域-->
        <fieldset id="form3">
          <h2 class="form-title">创建账户</h2>
          <input type="password" name="pass" placeholder="密码" />
          <input type="password" name="cpass" placeholder="再次输入密码" />
          <input
            type="button"
            name="previous"
            class="previous action-button-previous"
            id="back-2"
            value="返回"
          />
          <input
            type="submit"
            name="submit"
            class="submit action-button"
            value="提交"
          />
        </fieldset>
      </form>
    </div>
    <script src="./js/jquery-3.6.0.min.js"></script>
    <script src="./js/index.js"></script>
  </body>
</html>
